<template>
  <div class="dynamicmannag-box">
    <div class="my-title">动态管理</div>
    <div class="my-content">
      <div @click="toMyDynamic">
        <van-icon name="fire-o" />
        <p>我的动态</p>
      </div>
      <div @click="toMyPraise">
        <van-icon name="thumb-circle-o" />
        <p>我的点赞</p>
      </div>
      <!-- <div @click="toComment">
        <van-icon name="comment-circle-o" />
        <p>我的评论</p>
      </div>
      <div @click="dynamicMine">
        <van-icon name="smile-comment-o" />
        <p>点赞我的</p>
      </div> -->
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  methods:{
    toMyDynamic(){
      this.$router.push('/mydynamic')
    },
    toMyPraise(){
      this.$router.push('/mypraise')
    },
    toComment(){
      this.$router.push('/comment')
    },
    dynamicMine(){
      this.$router.push('/dynamicmine')
    }
  }
};
</script>

<style scoped>
.dynamicmannag-box {
  margin: 0 10px;
  margin-bottom: 20px;
}
.my-title {
  font-size: 16px;
  font-weight: 700;
}
.my-content {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
}
.my-content div {
  width: 25%;
  font-size: 20px;
  margin-top: 8px;
}
.my-content div p {
  margin-top: 3px;
  font-size: 12px;
}
.van-icon {
  color: #FF6564;
}
</style>